﻿<HTML>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <HEAD>
        <link rel="stylesheet" type="text/css" href="style.css" />

        <script type="text/javascript">

            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-798997-1']);
            _gaq.push(['_trackPageview']);

            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();

        </script>
    </HEAD>

    <BODY>




        <SCRIPT>

            function first() {

                document.sketch.loadString(encodeURI(document.SampleForm.fname.value));
            }

            function doAlert(s) {

                $("#dialog").text("*").replaceWith("<div id='dialog'>" + s + "</div>");

            }

        </SCRIPT>

        <script type="text/javascript" src="jquery-1.4.4.min.js" charset="utf-8">
            $.ajaxSetup({ scriptCharset: "utf-8" ,contentType: "text/html; charset=UTF-8" });
        </script>


        <div id="toc">
            <ol>
                <li><a href="">Gallery</a></li>
                <li><a href="">Tutorial</a></li>
                <li><a href="">Source</a></li>
                <br/>
            </ol>
        </div>


        <div id="header">
            # ☈
        </div>

        <div id="subtitle">

            A simple scene description
            <form name="SampleForm">
                <input type="text" name="fname">
                <input type="button" value="Load" onClick="first();"/>
                <select>
                    <option>Milk</option>
                    <option>Coffee</option>
                    <option>Tea</option>
                </select>
            </form>
        </div>

        <APPLET ID="sketch"
                code="TweetRay.TweetRay"
                archive="dist\TweetRay.jar"  MAYSCRIPT
                HEIGHT=550 WIDTH=550>
        </APPLET>

        <div id="dialog">
            ...
        </div>
	
        <div id="keys">
            <ol>
                <li>Left Mouse Click - Select</li>
                <li>Shift + Left Mouse Click - Add to selection</li>
                <li>Middle Mouse Drag - Rotate</li>
                <li>Right Mouse Drag - Zoom</li>
 
                <li>a - Add new box</li>
                <li>delete - Delete current selection</li>
                <li>c - Clone selection</li>
                
                <li>s - Scale</li>
                <li>m - Move</li>
                <li>r - Rotate</li>
                
                <li>g - Use global coordinates</li>
                <li>l - Use local coordinates</li>
                <li>v - Use view coordinates</li>
                
                <li>x - Set X axis</li>
                <li>y - Set Y axis</li>
                <li>z - Set Z axis</li>
                <li>u - Use all axis equally</li>
                
                <li>n - Material editor</li>
                <li>i - Geometry editor</li>
                
                <li>h - Grab camera</li>
                <li>o - Orbit camera</li>
                <li>t - Look at current selection</li>
                
                <li>w - Save current render</li>
                <li>] - Stop current render</li>
                <li>e - Export scene</li>
                <li>q - Reset scene</li>
            </ol>
	</div>

    </BODY>
</HTML>